<template>
  <div class="container  mx-auto grid grid-cols-3 gap-3 p-5">
    <div class="col-span-3  ">

    </div>

    <div class="col-span-3 md:col-span-2 h-80">
      <HomeCarousel></HomeCarousel>
    </div>
    <div class="col-span-3 md:col-span-1">
      <HomeCalendar></HomeCalendar>
    </div>
    <div class="col-span-3">
      <HomePostList></HomePostList>
    </div>
  </div>

</template>

<script setup lang="ts">

import HomeCarousel from "@/view/pc/home/components/HomeCarousel.vue";
import HomeCalendar from "@/view/pc/home/components/HomeCalendar.vue";
import HomePostList from "@/view/pc/home/components/HomePostList.vue";

</script>

<style scoped>

</style>